<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<style>
	*{margin:0;padding:0;}
	a{text-decoration:none;}
	.nav-ul{width:100%;height:50px;text-align:center;line-height:50px;background:#AAFFEE;}
	.nav-ul li{width:100px;float:left;margin-left:10px;list-style:none;cursor:pointer;position:relative}
	.ms-count{position:absolute; color:white;top: 9px;cursor:pointer;left: 637px;width:15px;height:15px;background: red; border-radius: 7px;font-size: 15px;text-align: center;line-height: 14px;}
	.active{background:blue;}
	
	.nav-main{margin:20px 0 0 20px;}
</style>
</head>
<body>
	<div class="cotent">
		<div class="nav">
			<ul class="nav-ul">
				<li class="active">我的订单</li>
				<li>我的账户</li>
				<li><a href="">一元抢宝</a></li>
				<li>我的收货地址</li>
				<li>我的email</li>
				<li>我的消息</li>
			</ul>
			<p class="ms-count" id="msg"><a href="#" style="color:white;">1</a></p>
		</div>
		<div class="nav-main">	
			<table width=80%>
				<thead style="background:blue;">
					<tr>
						<td>序号</td>
						<td>订单号</td>
						<td>商品</td>
						<td>金额</td>
						<td>数量</td>
					</tr>
				</thead>
				<tbody style="margin-top:10px;">
					<tr>
						<td>1</td>
						<td>1234567</td>
						<td><a href="">xxxxxx</a></td>
						<td>12.00元</td>
						<td>X5</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
<script>
	
	$(function(){
		var num = 0;
		var i = setInterval(function() {
            num++%2?$('#msg').show():$('#msg').hide();
            if (num > 100)
                clearInterval(i);
        }, 1000);
		$('#msg').on('click',function(){
			 clearInterval(i);
		})
	});
	
</script>
</body>
</html>